<template>
  <div class="mk-company">
    <!-- <div class="swiper-container swiper1">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(item) in bannerLists">
          <img :src="item.banner_pic" alt>
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>-->
    <page-banner></page-banner>
    <div class="bread-nav">
      <div class="nav-box">
        <span>您的位置：</span>
        <!-- <a href="/">网站首页&gt;</a>
        <span class="current">关于我们</span>-->
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">网站首页</el-breadcrumb-item>
          <el-breadcrumb-item>关于我们</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
    </div>
    <div class="content">
      <h3 class="title">关于我们</h3>
      <h4 class="sub-title">About us</h4>
      <div class="content-text" v-html="about.desc">
        <!-- <p>绿馨环保是一家从事室内空气治理的高科技环保企业，专业致力于室内空气检测治理，装修除甲醛，空气净化等。绿馨环保全系产品均是自主研发、自主生产,国内首创以植物提取液为核心的复合协同根治技术,针对室内污染物分类,集成创新,从源头彻底根除。</p>
        <p>公司拥有强大的科研团队、先进的产品设备和经验丰富的专业技术人员，产品源自天然植物,安全可靠,全系产品具有无毒无害无重金属等报告.先后荣获多项国家专利,创新技术备受瞩目.公司秉承:专业高效、重誉守信的服务宗旨,本着“家-人-健康”的服务理念和天下无醛的使命感,认认真真为每一位客户彻底解决好室内空气污染问题,改善人居环境、打造健康生活!</p>-->
        <!-- {{about.desc}} -->
      </div>
      <!-- <div class="all-img">
        <div class="item">
          <img src="../assets/s7.png" alt>
        </div>
      </div>-->
    </div>
  </div>
</template>
<script>
import getData from "../api/getInfo";
import PageBanner from "./banner";
export default {
  components: {
    "page-banner": PageBanner
  },
  data() {
    return {
      about: {}
    };
  },
  mounted() {
    this.getAbout();
  },
  methods: {
    //获取公司简介关于我们
    getAbout() {
      getData
        .getAbout()
        .then(res => {
          this.about = res.data;
        })
        .catch(e => {
          console.log(e);
        });
    }
  }
};
</script>
<style scoped lang="scss">
// .swiper-container {
//   height: 505px;
//   width: 100%;
// }
/deep/.bread-nav {
  width: 100%;
  height: 52px;
  background: #f6f6f6;
  .nav-box {
    width: 1200px;
    height: 52px;
    line-height: 52px;
    margin: 0 auto;
    display: flex;
    span,
    a {
      font-size: 14px;
      color: #9d9d9d;
    }
    .current {
      color: #96ce54;
    }
    .el-breadcrumb {
      line-height: 52px;
    }
    .el-breadcrumb__inner {
      color: #96ce54;
    }
    .el-breadcrumb__inner.is-link {
      color: #9d9d9d;
      font-weight: normal;
    }
  }
}
.content {
  width: 1200px;
  padding-bottom: 100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  .title {
    font-size: 36px;
    color: #323232;
    margin: 76px 0 6px 0;
  }
  .sub-title {
    font-size: 18px;
    color: #b8b7b7;
  }
  .content-text {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 42px;
    p {
      font-size: 16px !important;
      text-indent: 2em !important;
    }
  }
  // .all-text {
  //   margin-top: 32px;
  //   margin-bottom: 42px;
  //   p {
  //     font-size: 16px;
  //     color: #666;
  //     line-height: 25px;
  //     text-indent: 2em;
  //   }
  // }
  // .all-img {
  //   width: 100%;
  //   .item {
  //     width: 100%;
  //     height: 855px;
  //     img {
  //       width: 100%;
  //       height: 100%;
  //     }
  //   }
  // }
}
</style>


